<!--添加一个新的服务 ( 商品分类 )-->
<div id="add_new_product_class">
<h3>添加一个新的服务。</h3>
<h3>注意两个名字都不不能为空。</h3>

<!--错误信息-->
<p class="error" id="error_info">
<?php echo @$error['info']; ?>
</p>

<div id="buttons">
	 <div id="save_this_new_product_class" class="left">添加</div>
</div>

<!--添加新服务的表单-->
<form id="add_new_product_class_form" action="/admin/product_class/do_add/" method="post">
	<p>
	 	<label for="product_class_name_cn">服务名称(中英文均可文，用于在页面中显示，不能为空)</label><br />
	 	<input type="text" name="product_class_name_cn" id="product_class_name_cn" class="text"/>
	</p>
	<p>
	 	<label for="product_class_name">服务名称(必须英文，用于在数据库中保存，不能为空)</label><br />
	 	<input type="text" name="product_class_name" id="product_class_name" class="text"/>
	</p>
	<p>
		<label for="product_class_describe">该服务的描述(显示在首页)</label><br />
		<textarea id="product_class_describe" name="product_class_describe" rows="10" cols="30"></textarea>
	</p>
</form>

</div>

<!--弹出的对话框-->
<div id="dialog_message"></div>
<script type="text/javascript">
(function(){
	function update_tips( text ){
		$( '#error_info' ).html( text );	 
	}
	function checkRegexp( o , regexp , n ) {
		if ( !( regexp.test( o.val() ) ) ) {
			update_tips( '注意输入框上方的的要求' );
			return false; 
		} else {
			return true;
		}
	}
	var product_class_name_el = $( '#product_class_name' );
	var product_class_name_cn_el = $( '#product_class_name_cn' );
	$( '#product_class_name' ).bind({
		'blur':function(){
			var this_el = $( this );
			if( $( this ).val() == '' ){
				 return;
			}
			checkRegexp( $( this ) , /^([a-zA-Z])+$/ );
		 } , 
		 'focus':function(){
			 update_tips( '' );	 	 
		 }
	});
	var save_this_new_product_class_el = $( "#save_this_new_product_class" );
	save_this_new_product_class_el.button();
	save_this_new_product_class_el.click( function(){
		if( $( '#error_info' ).html() != '' || product_class_name_cn_el.val() == '' || product_class_name_el.val() == '' ){
			update_tips( '注意输入框上方的的要求' );
			return;
		}
		$( '#add_new_product_class_form' ).submit();
	});
})();
</script>

